#@web_layout?()
#define css()
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/css/main.css?#(getUUID())" />
#end
#define content()
<div class="c-article">
    <div class="g-hot">
        <div class="u-title">热门网红</div>
        <ul class="m-list">
            #for(fair : fairs)
            <li class="m-item">
                <div class="m-panel">
                    <div class="u-top">
                        <div class="u-head" onclick="fairDetail('#(fair.id)')" style='background-image: url("#(contextPath)#(fair.photo)")'></div>
                        <div class="u-head-title">
                            <div class="u-name">#(fair.nick_name)</div>
                            <div class="u-tips">#(fair.attrString)</div>
                        </div>
                    </div>
                    <div class="u-mid">
                        <div class="u-data">
                            <div class="u-row">
                                <i class="u-icon u-icon-jdl"></i>
                                <span class="u-text">接单数  #(fair.orders??0)</span>
                            </div>
                            <div class="u-row">
                                <i class="u-icon u-icon-djl"></i>
                                <span class="u-text">点击量  #(fair.click??0)</span>
                            </div>
                            <div class="u-row">
                                <i class="u-icon u-icon-zhl"></i>
                                <span class="u-text">转化率  #(fair.into??0)</span>
                            </div>
                        </div>
                        <div class="u-btn" style="background-color: #62bcc0;border-radius:3px;" onclick="fairDetail('#(fair.id)')">查看详情</div>
                    </div>
                    <div class="u-bottom">
                        <div class="u-down-more">
                            <div class="u-down-more-icon"></div>
                        </div>
                        <ul class="u-list">
                            #for(task : fair.top2)
                            <li class="u-item">
                                <div class="u-content">
                                    <div class="u-content-title">#(task.task_title)</div>
                                    <div class="u-data">
                                        <i class="u-data-icon"></i>
                                        <span class="u-text">#(task.num)</span>
                                    </div>
                                </div>
                                #if(task.status==6)
                                <div class="u-btn u-btn-success" onclick="taskDetail('#(task.id)')">
                                    <div class="u-detail"></div>
                                </div>
                                #elseif(task.isStarted())
                                <div class="u-btn u-btn-working" onclick="taskDetail('#(task.id)')">
                                    <div class="u-detail"></div>
                                </div>
                                #end
                            </li>
                            #else
                            <li class="u-item" style="padding-bottom:15px;color:grey">
                            	<div class="u-content">
                                    <div class="u-content-title" >暂无相关任务信息</div>
                                </div>
                             </li>
                            #end
                        </ul>
                    </div>
                </div>
            </li>
            #end
        </ul>
        <div class="m-btn">
            <div class="u-more" style="border-radius:3px;"  data-href="#(contextPath)/platform/fair" onclick="$de.jump(this)">查看更多</div>
    </div>
    </div>
    <div class="g-progress" >
        <div class="u-title u-progress-title">最新任务进度</div>
        <ul class="m-progress-list" style="justify-content:inherit">
            #for(task : tasks1)
            <li class="u-item" style="margin-right:20px;">
                <div class="u-top" onclick="taskDetail(#(task.id))">#(task.task_title)</div>
                <div class="u-mid">
                    <div class="u-data">
                        <div class="u-data-text">
                            <div class="u-point">
                                <i class="u-icon u-icon-djl"></i>
                                <i class="u-text">总点击量</i>
                                <i class="u-text-red">#(task.click)</i>
                            </div>
                            <div class="u-point">
                                <i class="u-icon u-icon-time"></i>
                                <i class="u-text">#(task.dateString)</i>
                            </div>
                        </div>
                        <div class="u-btn" style="border-radius:3px;border: 1px solid #f97a5b;background-color: #f97a5b; ">
                            <div class="u-btn-progress"></div>
                            <div class="u-btn-text">#(task.status())...</div>
                        </div>
                    </div>
                    <ul class="u-member">
                        #for(fair : task.fairTop)
                        <li class="u-content" onclick="fairDetail('#(fair.id)')">
                            <div class="u-head" style='background-image: url("#(contextPath)#(fair.photo)"); border-radius: 100%; box-shadow: #333 1px 1px 1px;'></div>
                            <div class="u-name">#(fair.name)</div>
                            <div class="u-data">
                                <i class="u-data-icon"></i>
                                <span class="u-data-text">#(fair.cnum)</span>
                            </div>
                        </li>
                        #else
                            暂未有点击数据
                        #end
                    </ul>
                </div>
                <div class="u-bottom" style="border-radius:3px;" onclick="taskDetail(#(task.id))">查看全部>></div>
            </li>
            #end
        </ul>
        <ul class="m-progress-list" style="justify-content:inherit">
            #for(task : tasks2)
            <li class="u-item" style="margin-right:20px;">
                <div class="u-top" onclick="taskDetail(#(task.id))">#(task.task_title)</div>
                <div class="u-mid">
                    <div class="u-data">
                        <div class="u-data-text">
                            <div class="u-point">
                                <i class="u-icon u-icon-djl"></i>
                                <i class="u-text">总点击量</i>
                                <i class="u-text-red">#(task.click??0)</i>
                            </div>
                            <div class="u-point">
                                <i class="u-icon u-icon-time"></i>
                                <i class="u-text">#(task.dateString)</i>
                            </div>
                        </div>
                        <div class="u-btn" style="border-radius:3px;border: 1px solid #f97a5b;background-color: #f97a5b;">
                            <div class="u-btn-progress"></div>
                            <div class="u-btn-text">#(task.status())...</div>
                        </div>
                    </div>
                    <ul class="u-member">
                        #for(fair : task.fairTop)
                        <li class="u-content" onclick="fairDetail('#(fair.id)')">
                            <div class="u-head" style='background: url("#(contextPath)#(fair.photo)") center/cover no-repeat; border-radius: 100%;box-shadow: #333 1px 1px 1px;'></div>
                            <div class="u-name">#(fair.name)</div>
                            <div class="u-data">
                                <i class="u-data-icon"></i>
                                <span class="u-data-text">#(fair.cnum??0)</span>
                            </div>
                        </li>
                        #else
                        暂未有点击数据
                        #end
                    </ul>
                </div>
                <div class="u-bottom" style="border-radius:3px;"  onclick="taskDetail(#(task.id))">查看全部>></div>
            </li>
            #end
        </ul>
        <div class="m-btn">
        	#if(tasks1.size()==0)
        	<div class="u-more" style="border-radius:3px;" >您当前还没有任何任务</div>
        	#else
            <div class="u-more" style="border-radius:3px;" data-href="#(contextPath)/platform/task" onclick="$de.jump(this)">查看任务列表</div>
        	#end
        </div>
    </div>
</div>
#end
#define script()
<script type="application/javascript" data-main="#(contextPath)/assets/front/web/script/platform_welcome" src="#(contextPath)/assets/front/web/script/require.js"></script>
#end